<template>
  <div class="home">
    <div>{{ sentences?.name }}</div>
    <div>{{ sentences?.from }}</div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { sentencesQuery } from '@/api/open.js'

const sentences = ref({})
// 获取接口数据
sentencesQuery().then((res) => {
  console.log(res)
  sentences.value = res.result
})
</script>

<style lang="scss" scoped>
.home {
  height: 100%;
  background-color: #66ccff33;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
</style>
